<template>
  <div class="home">
    <child @aa="fun1" />
    <hr />
    <h1>{{ fromson }}</h1>
    <h1>{{ fromson2 }}</h1>
  </div>
</template>

<script>
import child from "../components/Child";
import list from "../../public/list.json";

export default {
  data() {
    return {
      fromson: "",
      fromson2: "",
      list: list.result,
    };
  },
  components: {
    child,
  },
  methods: {
    fun1(val, val2) {
      console.log(val);
      this.fromson = val;
      this.fromson2 = val2;
    },
  },
};
</script>
